// JavaScript Document

function create_ibox(parent_div,page_size){
	
 	//向前滚动
    $(parent_div).children('.pre').click(function(){
		//变量
		var $w = $(this).siblings('.ibox').width(); //取得展示区外围宽度
		var $showbox = $(this).siblings('.ibox').find(' .showbox');
		var $len = $showbox.find('ul>li').length; //计算列表总长度(个数)
		var page_count = Math.ceil($len / page_size); //计算展示版面数量
	
        if (!$showbox.is(':animated')) {  //判断展示区是否动画
            if ($showbox.position().left == 0) {   //在第一个版面时,再向前滚动到最后一个版面
                $showbox.animate({
                    left:'-=' +$w * (page_count - 1)
                }, 500); //改变left值,切换显示版面,500(ms)为滚动时间,下同
            } else { 
                $showbox.animate({
                    left:'+=' + $w
                }, 500); //改变left值,切换显示版面
            }
        }
    });
    //向后滚动
     $(parent_div).children('.next').click(function(){
		
		var $w = $(this).siblings('.ibox').width();
		var $showbox = $(this).siblings('.ibox').find(' .showbox');
		var $len = $showbox.find('ul>li').length;
		var $pages = Math.ceil($len / page_size);
		
		var $pagelast =  -$w * ($pages - 1);
		var $left = $showbox.position().left;
		
        if (!$showbox.is(':animated')) {
            if ($showbox.position().left == $pagelast) {  //在最后一个版面时,再向后滚动到第一个版面
                $showbox.animate({
                    left:0
                }, 500);
            }else {
                $showbox.animate({
                    left:'-=' + $w
                }, 500);
            }
        }
    });
}